色々なテーブル枠 2
■ 色々なテーブル枠2
今回は、テーブルの枠自体を変えて遊んでみます。
まずは、この表を基本形とします。
入力ソースはこんな感じ。
<table border="1" width="200" height="200" bordercolor="#0080ff" cellspacing="0">
<tr><td>文字１</td><td>文字２</td></tr>
<tr><td>文字３</td><td>文字４</td></tr>
<tr><td>文字５</td><td>文字６</td></tr></table>
|
外枠を非表示
frame="void"
入力ソースはこんな感じ。
<table border="1" width="200" height="200" bordercolor="#0080ff" cellspacing="0" frame="void">
<tr><td>文字１</td><td>文字２</td></tr>
<tr><td>文字３</td><td>文字４</td></tr>
<tr><td>文字５</td><td>文字６</td></tr></table>
|
左右の枠を非表示
frame="hsides"
入力ソースはこんな感じ。
<table border="1" width="200" height="200" bordercolor="#0080ff" cellspacing="0" frame="hsides">
<tr><td>文字１</td><td>文字２</td></tr>
<tr><td>文字３</td><td>文字４</td></tr>
<tr><td>文字５</td><td>文字６</td></tr></table>
|
上下の枠を非表示
frame="vsides"
入力ソースはこんな感じ。
<table border="1" width="200" height="200" bordercolor="#0080ff" cellspacing="0" frame="vsides">
<tr><td>文字１</td><td>文字２</td></tr>
<tr><td>文字３</td><td>文字４</td></tr>
<tr><td>文字５</td><td>文字６</td></tr></table>
|
左の枠のみ表示
frame="lhs"
入力ソースはこんな感じ。
<table border="1" width="200" height="200" bordercolor="#0080ff" cellspacing="0" frame="lhs">
<tr><td>文字１</td><td>文字２</td></tr>
<tr><td>文字３</td><td>文字４</td></tr>
<tr><td>文字５</td><td>文字６</td></tr></table>
|
右の枠のみ表示
frame="rhs"
入力ソースはこんな感じ。
<table border="1" width="200" height="200" bordercolor="#0080ff" cellspacing="0" frame="rhs">
<tr><td>文字１</td><td>文字２</td></tr>
<tr><td>文字３</td><td>文字４</td></tr>
<tr><td>文字５</td><td>文字６</td></tr></table>
|
上の枠のみ表示
frame="above"
入力ソースはこんな感じ。
<table border="1" width="200" height="200" bordercolor="#0080ff" cellspacing="0" frame="above">
<tr><td>文字１</td><td>文字２</td></tr>
<tr><td>文字３</td><td>文字４</td></tr>
<tr><td>文字５</td><td>文字６</td></tr></table>
|
下の枠のみ表示
frame="below"
入力ソースはこんな感じ。
<table border="1" width="200" height="200" bordercolor="#0080ff" cellspacing="0" frame="below">
<tr><td>文字１</td><td>文字２</td></tr>
<tr><td>文字３</td><td>文字４</td></tr>
<tr><td>文字５</td><td>文字６</td></tr></table>
|
|
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・ＴＶ
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
